<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Garboyo | Garden Suroboyo</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Starter files for implementing Twitter Bootstrap's Carousel -- using Bootstrap version 2.0.4">
    

    <!-- Le styles -->
    <link href="css/bootstrap.css" rel="stylesheet">
    <style type="text/css">
      body {
        padding-top: 95px;
        padding-bottom: 20px;
		padding-left: 30px;
		padding-right: 30px;
      }
    </style>
    <link href="css/bootstrap-responsive.css" rel="stylesheet">

     </head>

	  <div id="wrap">

<div id="header">

	<div class="header">
		<a ><img border=0 src="img/header1.jpg" /></a>
		
	</div>

</div>
</div>

  <body>
  
    <div class="navbar">
      <div class="navbar-inner">
        <div class="container">
          <div>
          <a class="brand" href="#">GARBOYO</a>
          <div class="nav-collapse">
            <ul class="nav">
              <li class="active"><a href="home.php">Home</a></li>
					 
              <li ><a href="tentang garboyo.php">Tentang Garboyo</a></li>
              <li><a href="galeri.php">Galeri</a></li>
              <li class="dropdown">
                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                      Wisata Taman
                      <b class="caret"></b>
                </a>
                <ul class="dropdown-menu">
                  <li><a href="taman.php">Taman</a></li>
                  <li><a href="kebun.php">Kebun</a></li>
                </ul>
			  <li><a href="penjadwalan.php">Penjadwalan</a></li>
				</li>
	      
		 
			
    	</ul>
		</div>
		
		       
		</div>
		</div>
	
	<div class="navbar-inner">
    <div>
	<!-- <div id="div_login" style=" float: left;">
		<form>
        <input type="text" class="span2" placeholder="Login"/>
        <input type="text" class="span2" placeholder="Password">
        <input type="submit" value="Login" class="btn"/>
		<input type="submit" value="Registrasi" class="btn" href="registrasi.php"/>
    </form>
	</div> -->

	<div id="div_login" style=" float: right;">
		<form class="navbar-search pull-right" action="">
        <input type="text" class="search-query span2" placeholder="Search">
        </form>
		
		</div>
		</div>
		</div>
		

              </li><!-- dropdown -->
            </ul><!-- /.nav -->
          </div><!--/.nav-collapse -->
        </div><!-- /.container -->
      </div><!-- /.navbar-inner -->
    </div><!-- /.navbar -->


    <div class="container">

      <!--  Carousel -->
      <!--  consult Bootstrap docs at 
            http://twitter.github.com/bootstrap/javascript.html#carousel -->
      <div id="this-carousel-id" class="carousel slide">
        <div class="carousel-inner">
          <div class="item active">
            <img src="img/TB.jpg" alt="Taman Bungkul" />
            </a> 
            <div class="carousel-caption">
              <p>Taman Bungkul</p>
              </div>
          </div>
          <div class="item">
              <img src="img/TS.jpg" alt="Taman Yos Sudarso" />
              <div class="carousel-caption">
              <p>Taman Yos Sudarso</p>
              </div>
          </div>
          <div class="item">
              <img src="img/TL.jpg" alt="Taman Lansia" />
              <div class="carousel-caption">
              <p>Taman Lansia</p>
              </div>
          </div>
		  <div class="item">
              <img src="img/TPS.jpg" alt="Taman Pelangi" />
              <div class="carousel-caption">
              <p>Taman Pelangi</p>
              </div>
          </div>
		   <div class="item">
           <img src="img/TP.jpg" alt="Taman Prestasi" />
           <div class="carousel-caption">
              <p>Taman Prestasi</p>
            </div>
          </div>
        </div><!-- .carousel-inner -->
        <!--  next and previous controls here
              href values must reference the id for this carousel -->
          <a class="carousel-control left" href="#this-carousel-id" data-slide="prev">&lsaquo;</a>
          <a class="carousel-control right" href="#this-carousel-id" data-slide="next">&rsaquo;</a>
      </div><!-- .carousel -->
      <!-- end carousel -->

      <!-- Example row of columns -->
	        <div class="row">
	      
	     
		</div>
		
      <div class="row">
	      
	    <div class="alert alert-block" style="width: 1173px; height: 650px;">
		<div class="alert alert-block" style="width: 1128px; height: 30px; ">
		<h1> Tentang Garboyo Rek!</h1>
		 </div>
	<!--<div id="div_login" style=" float: right;">
    <ul class="thumbnails">
    <li class="span4">
    <div class="thumbnail">
      <iframe width="361" height="270" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.co.id/maps?f=q&amp;source=s_q&amp;hl=id&amp;geocode=&amp;q=Kebun+binatang+surabaya&amp;aq=&amp;sll=-7.277097,112.717408&amp;sspn=0.182198,0.338173&amp;ie=UTF8&amp;hq=Kebun+binatang+surabaya&amp;ll=-7.296604,112.737172&amp;spn=0.005693,0.010568&amp;t=m&amp;z=14&amp;iwloc=A&amp;cid=2427741660220847308&amp;output=embed"></iframe>
      <br /><small><a href="https://maps.google.co.id/maps?f=q&amp;source=embed&amp;hl=id&amp;geocode=&amp;q=Kebun+binatang+surabaya&amp;aq=&amp;sll=-7.277097,112.717408&amp;sspn=0.182198,0.338173&amp;ie=UTF8&amp;hq=Kebun+binatang+surabaya&amp;ll=-7.296604,112.737172&amp;spn=0.005693,0.010568&amp;t=m&amp;z=14&amp;iwloc=A&amp;cid=2427741660220847308" style="color:#0000FF;text-align:left">Lihat Peta Lebih Besar</a></small>
    </div>
    </li>
    </ul>
	
	</div> -->
		<style>
		div
		{
		text-align:justify;
		text-justify:inter-word;
		}
		</style>
	
		<div class="entry" id="plate">
		<div class="post arc">
		<h2><a title="Garboyo">Garboyo</a></h2>
				<h4>Website Garboyo merupakan sebuah Sistem Informasi Online mengenai Taman di Surabaya yang dapat diakses menggunakan internet. Garboyo sendiri merupakan singkatan dari Garden Suroboyo yang berarti Taman Surabaya.
Website Garboyo ini berisikan informasi-informasi mengenai taman-taman yang terdapat di kota Surabaya. Website ini dapat di akses secara cepat dan dapat di akses dimanapun asalkan terhubungkan dengan internet.
Website Garboyo hadir untuk mempermudah semua orang yang ingin mendapatkan informasi terkini dan terupdate mengenai taman yang ada di Surabaya.  
Melalui Website Garboyo ini, para wisatawan dapat mendapatkan informasi mengenai taman apa saja yang ada di kota Surabaya lengkap beserta foto-foto taman yang akan semakin menarik perhatian para wisatawan. Tidak hanya itu, Website Garboyo juga berisikan informasi mengenai jadwal kegiatan yang akan berlangsung di taman-taman yang ada di Surabaya. Selain Taman, website garboyo juga memberikan informasi mengenai beberapa kebun yang ada di Surabaya.
Selain memberikan informasi, website Garboyo juga memberikan kesempatan untuk para visitor website untuk membagikan informasi yang mereka miliki. Para visitor pun di perbolehkan untuk mengupload foto-foto mengenai taman-taman di Surabaya. Selain itu, para visitor juga diperkenankan untuk memberikan komentar.
So, enjoy the website!
-Development Team-

				</h4>
	
		</div>
		
		</div>
		
		<div id="content" class="page col-full">
		<div id="main" class="col-left">
		<div class="post" id="striped">
		<div class="entry" id="plate">
		<p style="text-align: justify;">
		<p style="text-align: center;"><img class="alignnone size-full wp-image-90" title="Taman Bungkul" src="img/TB.jpg" alt="{images: Taman Bungkul}" width="100" height="100"/></a> <img class="alignnone size-full wp-image-91" title="Taman Yos Sudarso" src="img/TS.jpg" alt="{images: Taman Yos Sudarso}" width="100" height="100"/></a> <img class="alignnone size-full wp-image-93" title="Taman Lansia" src="img/TL.jpg" alt="{images: Taman Lansia}" width="100" height="100"/></a>< <img class="alignnone size-full wp-image-101" title="Taman Prestasi" src="img/TP.jpg" alt="{images: Taman Prestasi}" width="100" height="100"/> </p>
		<p style="text-align: center;"><img class="alignnone size-full wp-image-103" title="Kebun Bibit" src="img/KB.jpg" alt="{images: Kebun Bibit}" width="100" height="100"/></a> <img class="alignnone size-full wp-image-104" title="Kebun Binatang" src="img/KBS.jpg" alt="{images: Kebun Binatang}" width="100" height="100"/></a></p>
		<p style="text-align: center;">
		<p style="text-align: center;">
		</div>
		</div>
		</div>
		</div>
		
          </div>
		</div>
	  
	  
	  <div class="footer-widget">
      <h4>Temukan Kami Disini..</h4>
      <div id="social"> <a href="http://twitter.com/" class="s3d twitter"> Twitter <span class="icons twitter"></span> </a> <a href="http://www.facebook.com/" class="s3d facebook"> Facebook <span class="icons facebook"></span> </a>
    </div>

      <hr>
</div>

	
	
    </div> <!-- /container -->

    <!-- Le javascript
    ================================================== -->
    <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="js/jquery-1.7.2.min.js"><\/script>')</script>
    <!-- Bootstrap jQuery plugins compiled and minified -->
    <script src="js/bootstrap.min.js"></script>
    <script>
      $(document).ready(function(){
        $('.carousel').carousel({
          interval: 4000
        });
      });
    </script>

  </body>
</html>
